// 海报
// body{
//     overflow-x: hidden;
// }
.banner {
    max-width: 1920px;
    background: url(../imgs/upload_541i9di2b3icf9j13f24e0bg7b1i6_1920x600.png) no-repeat;
    height: 600px;
    background-size: 1920px 600px;
    // background-position: -160px 0;
    background-position:center;
    margin: 0 auto;

    .log_in {
        width: 400px;
        height: 445px;
        background-color: rgba(255, 255, 255, .9);
        position: absolute;
        top: 50px;
        left: 800px;
        text-align: center;
    }

    // 右上角扫码小图标
    .Ewm-img {
        width: 53px;
        height: 53px;
        position: absolute;
        background: url(../imgs/QR2.png);
        z-index: 10;
        top: 10px;
        right: 10px;
        cursor: pointer;
        display: block;
    }

    //右上角账号小图标
    .account-img {
        width: 46px;
        height: 46px;
        position: absolute;
        background: url(../imgs/QR1.png);
        z-index: 10;
        top: 10px;
        right: 10px;
        cursor: pointer;
        display: none;
    }
}


// 扫码登入小图片
.Ewm {
    margin-top: 50px;
    display: block;

    // 扫码上面部分
    .top {
        img {
            width: 44px;
            height: 44px;
            vertical-align: middle;
            margin-left: 124px;
        }

        p {
            float: left;
            width: 104px;
            font-size: 18px;
            color: #8c898b;
        }
    }

    //扫码下面部分
    .buttom {
        img {
            width: 200px;
            height: 200px;
            margin-top: 36px;
            margin-bottom: 36px;
        }

        p {
            font-size: 18px;
            color: #8c898b;
        }
    }
}

//密码登入
.account {
    display: none;
    p {
        margin-top: 20px;

        span {
            font-size: 18px;
        }

        span:first-child {
            display: inline-block;
            height: 60px;
            width: 135px;
            border-bottom: 4px solid #ff8a00;
            color: #ff8a00;
            line-height: 60px;
            margin-right: 20px;
        }
    }

    form {
        margin-top: 30px;

        input {
            width: 285px;
            height: 45px;
            border: 1px solid #bfb5b5;
            margin-bottom: 30px;
            background-color: rgba(255, 255, 255, .9);
            text-indent: 2em;
            font-size: 16px;
            color: #808080;
        }
        #enter{
            border: 0;
            background-color: #ffa200;
            color: white;
            text-indent: 0;
            letter-spacing: 10px;
            cursor: pointer;
            margin-left: -24px;
        }
    }

    // 跳转注册页面
    a{
        color: #808080;
    }
    a:nth-of-type(1){
        margin-left: 180px;
        margin-right: 10px;
    }

    // 同意设置图标大小
    i{
        display: inline-block;
        width: 20px;
        height: 20px;
        background-size: 20px 20px !important;
        vertical-align: middle;
        cursor: pointer;
    }
    .qq{
        background: url(../imgs/qq.png) no-repeat;
    }
    .wx{
        background: url(../imgs/wx.png) no-repeat;
    }
    .wb{
        background: url(../imgs/wb.png) no-repeat;
    }
    .zfb{
        background: url(../imgs/zfb.png) no-repeat;
    }

}

//输入错误提示盒子

.error{
    position: absolute;
    top: 200px;
    left: 20px;
    width: 350px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    text-align: center;
    line-height: 50px;
    color: red;
    font-size: 18px;
    display: none;
}